<template>
    <view class="container">
        <view class="msg">支付成功</view>
        <image
            class="icon_success"
            src="https://ionepin.oss-accelerate.aliyuncs.com/firstgrade/icon_success.png"
        ></image>
        <view class="price">
            <text>¥</text>
            <text>{{ money }}</text>
        </view>
        <view
            class="activity"
            @click="$u.route('pages_v2/myPage/index')"
        >返回藏品页查看</view>
    </view>
</template>

<script>
    export default {
        name: "complete",
        data() {
            return {
                money: null
            }
        },
        onLoad(option) {
            this.money = option.money
        }
    }
</script>

<style lang="scss" scoped>
    .container{
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
    }
    .msg {
        text-align: center;
        font-size: 38rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #000000;
    }
    .icon_success {
        display: block;
        width: 100rpx;
        height: 100rpx;
        margin-top: 59rpx;
        margin: 55rpx auto;
    }
    .price {
        font-size: 58rpx;
        font-family: DINAlternate-Bold, DINAlternate;
        font-weight: bold;
        color: #000000;
        text-align: center;
        text {
            &:nth-child(1) {
                font-size: 44rpx;
            }
            &:nth-child(2) {
                font-size: 58rpx;
                margin-left: 5rpx;
            }
        }
    }
    .activity {
        background: url("https://img.ionepin.com/fb5a1587fdeb83d4305f0a9d9bbc00fe6f50f315.png") no-repeat;
        background-size: 100% 100%;
        width: 322rpx;
        height: 78rpx;
        margin: 38rpx auto 24rpx auto;
        font-size: 32rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        line-height: 78rpx;
    }
</style>
